<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html>
	<head>
		<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" media="screen" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<script type="text/javascript" src="js/base/jquery.js"></script>
		<script type="text/javascript" src="js/plugins/jquery.cookie.js"></script>
		<script type="text/javascript" src="js/plugins/jqModal.js"></script>
		<script type="text/javascript" src="js/plugins/jqDnR.js"></script>
		<script src="js/DateTime.js" type="text/javascript"></script>
		<script src="js/jquery.qtip-1.0.0-rc3.js" type="text/javascript"></script>
		<script type="text/javascript" src="js/numFormat.js"></script>
		<script type="text/javascript" src="js/footfallGlobalAnalysis.js"></script>
		<script type="text/javascript" src="echarts/build/dist/echarts-all.js"></script>
		<link href="css/time1.css" rel="stylesheet" type="text/css" />
		<link href="css/time2.css" rel="stylesheet" type="text/css" />
		<jsp:include page="title.jsp"></jsp:include>
		<style type="text/css">
.circlediv {
	border: 1px solid rgb(153, 204, 204);
	border-radius: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 40%;
	height: 22px;
	color: rgb(153, 204, 204);
}

.timeoption15 {
	text-align: center;
	width: 15%;
	float: left;
	cursor: pointer;
}

.timeoption20 {
	text-align: center;
	width: 20%;
	float: left;
	cursor: pointer;
}

.timeoption30 {
	text-align: center;
	width: 30%;
	float: left;
	cursor: pointer;
}

.timeoption40 {
	text-align: center;
	width: 40%;
	float: left;
	cursor: pointer;
}
</style>
	</head>
	<body>
		<div class="headdiv"><jsp:include page="head.jsp"></jsp:include></div>
		<div class="zhuti">
			<div class="jingediv"></div>
			<div class="lefterdiv">
				<jsp:include page="menu.jsp"></jsp:include>
			</div>
			<div class="jingediv"></div>
			<div class="righterdiv" id="right">
				<form action="userManager" method="post" id="myForm">
					<div class="sitebar">
						<div class="floatleft div25"></div>
						<div class="sitename font14 top26">
							${siteName }
							<span class="orange">[<a class="orange" href="#">更改</a>]</span>
						</div>
						<div class="date font14 top26">
							${datetime }
						</div>
					</div>
					<div class="todayindex">
						<div class="title">
							<div class="floatleft div25"></div>
							<div class="titlename bold font24 top26">
								今日指标
							</div>
							<div class="weather bold font10">
								<div class="wid105 floatleft vercenter textcenter">
									<div class="weatherimg top25">
										<img class="h30 wid35"
											src="images/weather${todayIndexes.todayWeather}.png" />
									</div>
									<div class="font10 bold">
										[今日天气]
									</div>
								</div>
								<div class="wid105 floatleft vercenter textcenter">
									<div class="weatherimg top25">
										<img class="h30 wid35"
											src="images/weather${todayIndexes.lastDayWeather}.png" />
									</div>
									<div class="font10 bold">
										[昨日天气]
									</div>
								</div>
								<div class="wid125 floatleft vercenter textcenter">
									<div class="weatherimg top25">
										<img class="h30 wid35"
											src="images/weather${todayIndexes.lastWeekWeather}.png" />
									</div>
									<div class="font10 bold">
										[上周同日天气]
									</div>
								</div>
							</div>
						</div>
						<div class="indexcontent">
							<div class="floatleft colorbar1"></div>
							<div class="floatleft todaycontent">
								<div class="floatleft widhalf heigthall textcenter">
									<div class="font16 top51">
										今日客流量/人次
									</div>
									<div class="font32 bold">
										<fmt:formatNumber value="${todayIndexes.traffic}"
											pattern="#,##0" />
									</div>
								</div>
								<div class="floatleft widhalf heigthall textcenter">
									<center>
										<table class="font16 top59">
											<tr>
												<td class="textL">
													较昨日变化：
												</td>
												<td class="textR">
													<c:if
														test="${todayIndexes.traffic>todayIndexes.lastDayTraffic}">+</c:if>
													<c:if test="${todayIndexes.lastDayTraffic==0}">0</c:if>
													<c:if test="${todayIndexes.lastDayTraffic!=0}">
														<fmt:formatNumber
															value="${(todayIndexes.traffic-todayIndexes.lastDayTraffic)*100/todayIndexes.lastDayTraffic }"
															pattern="#,##0" />
													</c:if>
													%
												</td>
											</tr>
											<tr>
												<td class="textL">
													较上周同日变化：
												</td>
												<td class="textR">
													<c:if
														test="${todayIndexes.traffic>todayIndexes.lastWeekTraffic}">+</c:if>
													<c:if test="${todayIndexes.lastWeekTraffic==0}">0</c:if>
													<c:if test="${todayIndexes.lastWeekTraffic!=0}">
														<fmt:formatNumber
															value="${(todayIndexes.traffic-todayIndexes.lastWeekTraffic)*100/todayIndexes.lastWeekTraffic }"
															pattern="#,##0" />
													</c:if>
													%
												</td>
											</tr>
										</table>
									</center>
								</div>
							</div>
							<div class="floatleft divw5"></div>
							<div class="floatleft passtimecontent">
								<div class="heigthall textcenter">
									<div class="widthall font16 top59">
										昨日客流量/人次
									</div>
									<div class="font16">
										<fmt:formatNumber value="${todayIndexes.lastDayTraffic}"
											pattern="#,##0" />
									</div>
								</div>
							</div>
							<div class="floatleft divw5"></div>
							<div class="floatleft passtimecontent">
								<div class="widthall heigthall textcenter">
									<div class="font16 top59">
										上周同日客流量/人次
									</div>
									<div class="font16">
										<fmt:formatNumber value="${todayIndexes.lastWeekTraffic}"
											pattern="#,##0" />
									</div>
								</div>
							</div>
						</div>
						<div class="divh5">
						</div>
						<div class="indexcontent">
							<div class="floatleft colorbar2"></div>
							<div class="floatleft todaycontent">
								<div class="floatleft widhalf heigthall textcenter">
									<div class="font16 top51">
										今日销售额/元
									</div>
									<div class="font32 bold">
										<fmt:formatNumber value="${todayIndexes.pos}"
											pattern="#,##0.00" />
									</div>
								</div>
								<div class="floatleft widhalf heigthall textcenter">
									<center>
										<table class="font16 top59">
											<tr>
												<td class="textL">
													较昨日变化：
												</td>
												<td class="textR">
													<c:if test="${todayIndexes.pos>todayIndexes.lastDayPos}">+</c:if>
													<c:if test="${todayIndexes.lastDayPos==0}">0</c:if>
													<c:if test="${todayIndexes.lastDayPos!=0}">
														<fmt:formatNumber
															value="${(todayIndexes.pos-todayIndexes.lastDayPos)*100/todayIndexes.lastDayPos }"
															pattern="#,##0" />
													</c:if>
													%
												</td>
											</tr>
											<tr>
												<td class="textL">
													较上周同日变化：
												</td>
												<td class="textR">
													<c:if test="${todayIndexes.pos>todayIndexes.lastWeekPos}">+</c:if>
													<c:if test="${todayIndexes.lastWeekPos==0}">0</c:if>
													<c:if test="${todayIndexes.lastWeekPos!=0}">
														<fmt:formatNumber
															value="${(todayIndexes.pos-todayIndexes.lastWeekPos)*100/todayIndexes.lastWeekPos }"
															pattern="#,##0" />
													</c:if>
													%
												</td>
											</tr>
										</table>
									</center>
								</div>
							</div>
							<div class="floatleft divw5"></div>
							<div class="floatleft passtimecontent">
								<div class="heigthall textcenter">
									<div class="widthall font16 top59">
										昨日客销售额/元
									</div>
									<div class="font16">
										<fmt:formatNumber value="${todayIndexes.lastDayPos}"
											pattern="#,##0.00" />
									</div>
								</div>
							</div>
							<div class="floatleft divw5"></div>
							<div class="floatleft passtimecontent">
								<div class="widthall heigthall textcenter">
									<div class="font16 top59">
										上周同日销售额/元
									</div>
									<div class="font16">
										<fmt:formatNumber value="${todayIndexes.lastWeekPos}"
											pattern="#,##0.00" />
									</div>
								</div>
							</div>
						</div>
						<div class="divh5">
						</div>
						<div class="indexcontent">
							<div class="floatleft colorbar3"></div>
							<div class="floatleft todaycontent">
								<div class="floatleft widhalf heigthall textcenter">
									<div class="font16 top51">
										今日个体客流/人次
									</div>
									<div class="font32 bold">
										<fmt:formatNumber value="${todayIndexes.sigleUv}"
											pattern="#,##0" />
									</div>
								</div>
								<div class="floatleft widhalf heigthall textcenter">
									<center>
										<table class="font16 top59">
											<tr>
												<td class="textL">
													较昨日变化：
												</td>
												<td class="textR">
													<c:if
														test="${todayIndexes.sigleUv>todayIndexes.lastDaySigleUv}">+</c:if>
													<c:if test="${todayIndexes.lastDaySigleUv==0}">0</c:if>
													<c:if test="${todayIndexes.lastDaySigleUv!=0}">
														<fmt:formatNumber
															value="${(todayIndexes.sigleUv-todayIndexes.lastDaySigleUv)*100/todayIndexes.lastDaySigleUv }"
															pattern="#,##0" />
													</c:if>
													%
												</td>
											</tr>
											<tr>
												<td class="textL">
													较上周同日变化：
												</td>
												<td class="textR">
													<c:if
														test="${todayIndexes.sigleUv>todayIndexes.lastWeekSigleUv}">+</c:if>
													<c:if test="${todayIndexes.lastWeekSigleUv==0}">0</c:if>
													<c:if test="${todayIndexes.lastWeekSigleUv!=0}">
														<fmt:formatNumber
															value="${(todayIndexes.sigleUv-todayIndexes.lastWeekSigleUv)*100/todayIndexes.lastWeekSigleUv }"
															pattern="#,##0" />
													</c:if>
													%
												</td>
											</tr>
										</table>
									</center>
								</div>
							</div>
							<div class="floatleft divw5"></div>
							<div class="floatleft passtimecontent">
								<div class="heigthall textcenter">
									<div class="widthall font16 top59">
										昨日个体客流/人次
									</div>
									<div class="font16">
										<fmt:formatNumber value="${todayIndexes.lastDaySigleUv}"
											pattern="#,##0" />
									</div>
								</div>
							</div>
							<div class="floatleft divw5"></div>
							<div class="floatleft passtimecontent">
								<div class="widthall heigthall textcenter">
									<div class="font16 top59">
										上周同日个体客流/人次
									</div>
									<div class="font16">
										<fmt:formatNumber value="${todayIndexes.lastWeekSigleUv}"
											pattern="#,##0" />
									</div>
								</div>
							</div>
						</div>
						<div class="divh5">
						</div>
						<div class="indexcontent">
							<div class="floatleft colorbar4"></div>
							<div class="floatleft todaycontent">
								<div class="floatleft widhalf heigthall textcenter">
									<div class="font16 top51">
										今日个体客流/人
									</div>
									<div class="font32 bold">
										<fmt:formatNumber value="${todayIndexes.singlePv}"
											pattern="#,##0" />
									</div>
								</div>
								<div class="floatleft widhalf heigthall textcenter">
									<center>
										<table class="font16 top59">
											<tr>
												<td class="textL">
													较昨日变化：
												</td>
												<td class="textR">
													<c:if
														test="${todayIndexes.singlePv>todayIndexes.lastDaySinglePv}">+</c:if>
													<c:if test="${todayIndexes.lastDaySinglePv==0}">0</c:if>
													<c:if test="${todayIndexes.lastDaySinglePv!=0}">
														<fmt:formatNumber
															value="${(todayIndexes.singlePv-todayIndexes.lastDaySinglePv)*100/todayIndexes.lastDaySinglePv }"
															pattern="#,##0" />
													</c:if>
													%
												</td>
											</tr>
											<tr>
												<td class="textL">
													较上周同日变化：
												</td>
												<td class="textR">
													<c:if
														test="${todayIndexes.singlePv>todayIndexes.lastWeekSinglePv}">+</c:if>
													<c:if test="${todayIndexes.lastWeekSinglePv==0}">0</c:if>
													<c:if test="${todayIndexes.lastWeekSinglePv!=0}">
														<fmt:formatNumber
															value="${(todayIndexes.singlePv-todayIndexes.lastDayTraffic)*100/todayIndexes.lastWeekSinglePv }"
															pattern="#,##0" />
													</c:if>
													%
												</td>
											</tr>
										</table>
									</center>
								</div>
							</div>
							<div class="floatleft divw5"></div>
							<div class="floatleft passtimecontent">
								<div class="heigthall textcenter">
									<div class="widthall font16 top59">
										昨日个体客流/人
									</div>
									<div class="font16">
										<fmt:formatNumber value="${todayIndexes.lastDaySinglePv}"
											pattern="#,##0" />
									</div>
								</div>
							</div>
							<div class="floatleft divw5"></div>
							<div class="floatleft passtimecontent">
								<div class="widthall heigthall textcenter">
									<div class="font16 top59">
										上周同日个体客流/人
									</div>
									<div class="font16">
										<fmt:formatNumber value="${todayIndexes.lastWeekSinglePv}"
											pattern="#,##0" />
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="widthall">
						<div class="title">
							<div class="floatleft div25"></div>
							<div class="titlename bold font24 top26">
								历史指标详解
							</div>
							<div class="weather bold font10">
								<div class="wid105 floatleft vercenter textcenter"
									style="cursor: pointer;" onclick="changeTime('Day')" id="Day">
									<div class="font24 top36">
										日查看
									</div>
									<div class="left17 selectdiv selectedbar">
									</div>
								</div>
								<div class="wid105 floatleft vercenter textcenter"
									style="cursor: pointer;" onclick="changeTime('Week')" id="Week">
									<div class="font24 top36">
										周查看
									</div>
									<div class="left17 selectdiv">
									</div>
								</div>
								<div class="wid105 floatleft vercenter textcenter"
									style="cursor: pointer;" onclick="changeTime('Month')"
									id="Month">
									<div class="font24 top36 ">
										月查看
									</div>
									<div class="left17 selectdiv">
									</div>
								</div>
								<div class="wid105 floatleft vercenter textcenter"
									style="cursor: pointer;" onclick="changeTime('Year')" id="Year">
									<div class="font24 top36">
										年查看
									</div>
									<div class="left17 selectdiv">
									</div>
								</div>
								<!--siteKey js取值，场所id-->
								<input type="hidden" value="${siteKey}" id="siteKey" />
								<!--hdtype js取值，默认为客流量-->
								<input type="hidden" value="1" id="hdtype" />
								<!--txtspan js取值，默认为日，七天-->
								<input type="text" id="txtspan" value="day_7"
									style="display: none" />
							</div>
						</div>
						<div class="chartdiv">
							<!--指标-->
							<div class="kongbai22">
								<div class="floatright zhushizhibiaoimg "
									style="margin-right: 10px;">
									<a href="javascript:void(null)" id="why" title="指标说明"
										rel="jsp/help.html" class=""> <img src="images/wenhao.png"
											border="0">
									</a>
								</div>
							</div>

							<div id="ps_slider" class="ps_slider">
								<img class="prev disabled" src="images/prev.png" />
								<img class="next disabled" src="images/next.png" />
								<div id="ps_albums">
									<div class="ps_album" onclick="getinfo(1)">
										<div style="margin-top: 10px; color: rgb(237, 121, 0);">
											客流量
										</div>
									</div>
									<div class="ps_album" onclick="getinfo(2)">
										<div>
											销售额
										</div>
									</div>
									<div class="ps_album" onclick="getinfo(3)">
										<div>
											提袋率
										</div>
									</div>
									<div class="ps_album" onclick="getinfo(4)">
										<div>
											客单价
										</div>
									</div>
									<div class="ps_album" onclick="getinfo(5)">
										<div>
											坪效
										</div>
									</div>
									<div class="ps_album" onclick="getinfo(6)">
										<div>
											集客力
										</div>
									</div>

									<!--											<div class="ps_album"  onclick="getinfo(10)">-->
									<!--												<div>个体客流（人次）</div>	-->
									<!--											</div>-->
									<!--											<div class="ps_album"  onclick="getinfo(15)">-->
									<!--												<div>个体客流（人数）</div>-->
									<!--											</div>-->
								</div>
							</div>
							<!-- 							</div> -->
							<!--根据日周月年显示对应的div-->
							<div class="kongbai22">
							</div>
							<!--日期div-->
							<div class="mid h40" id="divDay" style="display: ">
								<div class="circlediv">
									<div onclick="getspan('day_1')" id="day_1" class="timeoption15"
										style="border-radius: 15px 0px 0px 15px;">
										当天
									</div>
									<div onclick="getspan('day_7')" id="day_7" class="timeoption15">
										最近7天
									</div>
									<div onclick="getspan('day_14')" id="day_14"
										class="timeoption15">
										最近14天
									</div>
									<div onclick="getspan('day_30')" id="day_30"
										class="timeoption15">
										最近30天
									</div>
									<div class="timeoption40"
										style="border-radius: 0px 15px 15px 0px;">
										<div id="div_date" class="nocheckoption"
											onclick="getspan('day_0')">
											<span id="date" onclick="getspan('day_0')">2015-5-1至2015-5-15</span>
											<!--			                                    	<img src="images/arrowdown.png" id="input_trigger" onclick="getspan('day_0')" />-->
										</div>
									</div>
								</div>
								<div id="datePicker">
									<input type="hidden" value="2015-04-10" name="startDate"
										id="startDate">
									<input type="hidden" value="2015-04-25" name="endDate"
										id="endDate">
									<input type="checkbox" style="display: none;" value="0"
										name="needCompare" id="needCompare">
									<input type="hidden" value="" name="startCompareDate"
										id="startCompareDate">
									<input type="hidden" value="" name="endCompareDate"
										id="endCompareDate">
								</div>
							</div>



							<!--周div-->
							<div class="mid h40" id="divWeek" style="display: none">
								<div class="circlediv">
									<div onclick="getspan('week_4')" id="week_4"
										class="timeoption20" style="border-radius: 15px 0px 0px 15px;">
										最近4周
									</div>
									<div onclick="getspan('week_8')" id="week_8"
										class="timeoption20">
										最近8周
									</div>
									<div onclick="getspan('week_12')" id="week_12"
										class="timeoption20">
										最近12周
									</div>
									<div class="timeoption40" id="shijian_sd">
										<div id="div_date" class="nocheckoption"
											onclick="getspan('week_0')">
											<span id="week" onclick="getspan('week_0')">2015-5-1至2015-5-15</span>
											<!--                                    	<img src="images/arrowdown.pCng" id="input_trigger" onclick="getspan('week_0')" />-->
										</div>
									</div>

									<div class="cleardiv">
									</div>
								</div>

							</div>

							<!--月div-->
							<div class="mid h40" id="divMonth" style="display: none">

								<div class="circlediv">
									<div onclick="getspan('month_3')" id="month_3"
										class="timeoption20" style="border-radius: 15px 0px 0px 15px;">
										最近3月
									</div>
									<div onclick="getspan('month_6')" id="month_6"
										class="timeoption20">
										最近6月
									</div>
									<div onclick="getspan('month_12')" id="month_12"
										class="timeoption20">
										最近12月
									</div>

									<div class="timeoption40" id="shijian_sd">
										<div id="div_date" class="nocheckoption"
											onclick="getspan('month_0')">
											<span id="month" onclick="getspan('month_0')">2015-5-1至2015-5-15</span>
											<!--                                    	<img src="images/arrowdown.png" id="input_trigger" onclick="getspan('month_0')" /></div>-->
										</div>

										<div class="cleardiv">
										</div>
									</div>
								</div>
							</div>

							<!--年div-->
							<div class="mid h40" id="divYear" style="display: none">


								<div class="circlediv">
									<div onclick="getspan('year_3')" id="year_3"
										class="timeoption30" style="border-radius: 15px 0px 0px 15px;">
										最近3年
									</div>
									<div onclick="getspan('year_5')" id="year_5"
										class="timeoption30">
										最近5年
									</div>
									<div class="timeoption40" id="shijian_sd">
										<div id="div_date" class="nocheckoption"
											onclick="getspan('year_0')">
											<span id="year" onclick="getspan('year_0')">2015-5-1至2015-5-15</span>
										</div>

										<div class="cleardiv">
										</div>
									</div>
								</div>
							</div>

							<div id="danwei"
								style="color: #a3a5a7; padding: 0 0 0 12px; font-size: 12px;">
								人次
							</div>
							<div class="mid h290" id="tubiao1">
							</div>
							<div class="mid h40">
							</div>
						</div>
					</div>
					<div class="widthall">
						<div class="title">
							<div class="floatleft div25"></div>
							<div class="titlename bold font24 top26">
								详细数据
							</div>
						</div>
						<div class="xiangxidiv">
							<div class="exportbar">
								<div class="floatright right25" onclick="outCSV()">
									<img src="images/export.png" / class="exportpng">
								</div>
							</div>
							<div class="widthall h370">
								<div class="floatleft div8"></div>
								<div class="floatleft textarea">
									<input type="hidden" id="hdtable" />
									<input type="hidden" id="hdtablesize" value="10" />
									<div class="tableclass" id="datatable" style=" padding-right: 0px;padding-left: 0px;">
									</div>
								</div>
							</div>
							<div class="h80">
								<div class="floatleft div8 heigthall"></div>
								<div class="floatleft divfanye heigthall">
									<div id="divfanye" class="floatright fenye">
										<div onclick="showtable(1)" class="floatleft fywenzi">
											首页
										</div>
										<div onclick="gotopage(-1)" class="floatleft fyjiantou">
											<img src="images/fanye2_left.png" />
										</div>
										<div class="floatleft fyyeshu">
											<span id="curpage"></span>/
											<span id="allpage"></span>
										</div>
										<div onclick="gotopage(1)" class="floatleft fyjiantou">
											<img src="images/fanye2_right.png" />
										</div>
										<div onclick="gotopage(3)" class="floatleft fywenzi">
											尾页
										</div>
										<div class="floatleft fyjiantou">
											<input type="text" id="txtpages" />
										</div>
										<div onclick="gotopage(2)" class="floatleft fywenzi">
											跳转
										</div>
										<div class="cleardiv">
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="widthall">
						<div class="title">
							<div class="floatleft div25"></div>
							<div class="titlename bold font24 top26">
								场所指标排行
							</div>
							<div class="weather bold font10" id="list2">
							</div>
						</div>
						<div class="chartdiv">
							<div class="kongbai22">
							</div>
							<div id="ps_slider1" class="ps_slider">
							   <img class="prev disabled" src="images/prev.png"/>
							   <img class="next disabled" src="images/next.png"/>
								<div id="ps_albums1">
									<div class="ps_album" onclick="getRankInfo(1)">
										<div style="margin-top: 10px ;color: rgb(237,121,0);">客流量</div>
									</div>
									<div class="ps_album" onclick="getRankInfo(2)">
										<div>销售额</div>
									</div>
									<div class="ps_album">
										<div>个体客流（人次）</div>	
									</div>
									<div class="ps_album">
										<div>个体客流（人数）</div>
									</div>
									<div class="ps_album">
										<div>个体客流占比</div>
									</div>
									<div class="ps_album">
										<div>游逛频率</div>
									</div>
									<div class="ps_album">
										<div>个体新顾客占比</div>
									</div>
									<div class="ps_album">
										<div>个体老顾客占比</div>
									</div>
									<div class="ps_album">
										<div>采样比（上网连接率）</div>
									</div>
									<div class="ps_album">
										<div>进店率</div>
									</div>
									<div class="ps_album">
										<div>返店率</div>
									</div>
								</div>	
							</div>	
						
								<div class="mid">
									<div class="paiming" id="divpaiming">
									</div>
								</div>
								<div class="tableclass">
									<div class="mid" id="paihang">
									</div>
								</div>
						</div>
					</div>
					<div class="divh20"></div>
				</form>
			</div>
			<div class="jingediv"></div>
		</div>
	</body>
</html>